<template>
    <div>
        <div class="search-songLists">
        <album-content :songLists="listOfSongs"></album-content>
    </div>
    </div>
</template>

<script>
import {mapGetters} from "vuex"
import { mixin } from "../../mixins";
import AlbumContent from "../AlbumContent.vue";

export default{
    name:   'search-song-lists',
    components:{
        AlbumContent
    },
    mixins:[mixin],
    computed:{
        ...mapGetters([
            'listOfSongs'
        ])
    },
    /**
     * 这里主要执行getSong，来取得listOfSongs这个变量，让SongList显示在album-content
     */
    mounted(){
        this.getSong(); 
    }
}
</script>

<style lang="scss" scoped>
@import '../../assets/css/search-songs.scss';
</style>
